@charset "gb2312";

/** * * @authors Your Name (zhaokui@hc360.com) * @date 2014-09-15 16:17:03 * @version $Id$ */
html {
    color: #000;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

body {
    font-size: 12px;
    /* background: #fbfbfb; */
    color: #333;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
    font: 12px/1.5 arial, tahoma, \5b8b\4f53;
}

input,
select,
textarea {
    font-size: 100%;
}

/* 去掉各Table cell 的边距并让其边重合 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* IE bug fixed: th 不继承 text-align*/
th {
    text-align: inherit;
}

/* 去除默认边框 */
fieldset,
img {
    border: 0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display: block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
    border: 0;
    font-variant: normal;
}

/* 一致的 del 样式 */
del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}

/* 去掉列表前的标识, li 会继承 */
ol,
ul {
    list-style: none;
}

/* 让标题都自定义, 适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

q:before,
q:after {
    content: '';
}

/* 统一上标和下标 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* 让链接在 hover 状态下显示下划线 */
a:hover {
    color: #ff7700;
    text-decoration: none;
}

/* 默认不显示下划线，保持页面简洁 */
ins,
a {
    text-decoration: none;
}

/* @名称: global @功能: 公用样式, 复用性较强的样式
*/
.p-r {
    position: relative;
}

/* 清理浮动 */
.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.fn-clear {
    zoom: 1;
    /* for IE6 IE7 */
}

/* 隐藏、显示, 通常用来与 JS 配合 */
.hide {
    display: none;
}

.show {
    display: block;
}

/* 浮动左右, 设置内联, 减少浮动带来的bug */
.fl,
.fr {
    display: inline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* 盒子模型 */
.mg-t5 {
    margin-top: 5px;
}

.mg-t6 {
    margin-top: 6px;
}

.mg-t7 {
    margin-top: 7px;
}

.mg-t8 {
    margin-top: 8px;
}

.mg-t9 {
    margin-top: 9px;
}

.mg-t10 {
    margin-top: 10px;
}

.mg-t15 {
    margin-top: 15px;
}

.mg-t20 {
    margin-top: 20px;
}

.mg-t25 {
    margin-top: 25px;
}

.mg-t30 {
    margin-top: 30px;
}

.mg-b5 {
    margin-bottom: 5px;
}

.mg-b10 {
    margin-bottom: 10px;
}

.mg-b15 {
    margin-bottom: 15px;
}

.mg-b20 {
    margin-bottom: 20px;
}

.mg-b25 {
    margin-bottom: 25px;
}

.mg-l5 {
    margin-left: 5px;
}

.mg-l10 {
    margin-left: 10px;
}

.mg-l15 {
    margin-left: 15px;
}

.mg-l20 {
    margin-left: 20px;
}

.mg-l25 {
    margin-left: 25px;
}

.mg-l30 {
    margin-left: 30px;
}

.mg-l35 {
    margin-left: 35px;
}

.mg-l60 {
    margin-left: 60px;
}

.mg-r5 {
    margin-right: 5px;
}

.mg-r10 {
    margin-right: 10px;
}

.mg-r15 {
    margin-right: 15px;
}

.mg-r20 {
    margin-right: 20px;
}

.mg-r25 {
    margin-right: 25px;
}

.pd-t5 {
    padding-top: 5px;
}

.pd-t10 {
    padding-top: 10px;
}

.pd-t15 {
    padding-top: 15px;
}

.pd-t20 {
    padding-top: 20px;
}

.pd-t25 {
    padding-top: 25px;
}

.pd-t30 {
    padding-top: 30px;
}

.pd-t80 {
    padding-top: 80px;
}

.pd-t100 {
    padding-top: 100px;
}

.pd-b5 {
    padding-bottom: 5px;
}

.pd-b10 {
    padding-bottom: 10px;
}

.pd-b15 {
    padding-bottom: 15px;
}

.pd-b20 {
    padding-bottom: 20px;
}

.pd-b25 {
    padding-bottom: 25px;
}

.pd-b30 {
    padding-bottom: 30px;
}

.pd-b40 {
    padding-bottom: 40px;
}

.pd-b100 {
    padding-bottom: 100px;
}

.pd-l5 {
    padding-left: 5px;
}

.pd-l10 {
    padding-left: 10px;
}

.pd-l15 {
    padding-left: 15px;
}

.pd-l20 {
    padding-left: 20px;
}

.pd-l25 {
    padding-left: 25px;
}

.pd-r5 {
    padding-right: 5px;
}

.pd-r10 {
    padding-right: 10px;
}

.pd-r15 {
    padding-right: 15px;
}

.pd-r20 {
    padding-right: 20px;
}

.pd-r25 {
    padding-right: 25px;
}

.mg-b-4 {
    margin-bottom: -4px;
}

.mg-t-1 {
    margin-top: -1px;
}

.mg-t13 {
    margin-top: 0px;
}

.mg-l4 {
    margin-left: 4px;
}

.mg-r4 {
    margin-right: 4px !important;
}

/* 字体设置 */
.msyh {
    /* 微软雅黑，IE6用黑体代替 */
    font-family: "Microsoft YaHei", SimHei, sans-serif;
    _font-family: SimHei, sans-serif;
}

.bold {
    font-weight: bold;
}

/* 字体大小 */
.px12 {
    font-size: 12px;
}

.px14 {
    font-size: 14px;
}

.px16 {
    font-size: 16px;
}

.px18 {
    font-size: 18px;
}

.px22 {
    font-size: 22px;
}

.px24 {
    font-size: 24px;
}

.px26 {
    font-size: 26px;
}

.px28 {
    font-size: 28px;
}

/* 字体颜色、链接色 */
.blue-2a5 {
    /* 例：链接蓝 */
    color: #2a5bc5;
}

a.blue-2a5:link {
    color: #2a5bc5;
    text-decoration: none;
}

a.blue-2a5:visited {
    color: #2a5bc5;
    text-decoration: none;
}

a.blue-2a5:hover {
    color: #2a5bc5;
    text-decoration: underline;
}

.cRed {
    color: red
}

.cGreen {
    color: green;
}

.cff6600 {
    color: #ff6600
}

.c0d72c5 {
    color: #0d72c5
}

.red1-1 {
    color: #f54c4c
}

.hui1 {
    color: #666;
}

.hui2 {
    color: #999;
}

.red1 {
    color: #f54c4c;
}

/*border*/
.borB-d {
    border-bottom: 1px #e5e5e5 dashed;
}

/**text-align*/
.txt-c {
    text-align: center;
}

th.txt-l {
    text-align: left !important;
}

.txt-r {
    text-align: right;
}

/*复选框单选框垂直居中*/
.v-a {
    vertical-align: -3px;
}

/*公用小图标*/
.ic1,
.ic2,
.ic3,
.ic4,
.ic5,
.ic6,
.ic7,
.tstb {
    width: 20px;
    height: 18px;
    background: url(//style.org.hc360.cn/images/my/images/defray/manifest/o-icon.png) 0 -25px no-repeat;
    display: inline-block;
}

.ic1,
.ic2,
.ic3,
.ic4,
.ic5,
.ic6,
.ic7 {
    margin-right: 2px;
}

.ic2 {
    background-position: 0 -48px;
    margin-bottom: -1px;
}

.ic3 {
    background-position: 0 -71px;
}

.ic4 {
    width: 16px;
    height: 16px;
    background-position: -22px 0;
}

.ic5 {
    width: 17px;
    height: 17px;
    background-position: -83px -53px;
    margin-bottom: -3px;
}

.ic6 {
    width: 16px;
    height: 16px;
    background-position: -84px -76px;
}

.ic7 {
    width: 16px;
    height: 16px;
    background-position: -84px -105px;
}

.tstb {
    width: 14px;
    height: 14px;
    background-position: -86px -18px;
}

.num-ts {
    width: 110px;
    height: 32px;
    background: url(//style.org.hc360.cn/images/my/images/defray/order/num-ts.png) no-repeat;
    line-height: 38px;
    text-align: center;
    color: #ff751e;
    position: absolute;
    top: 28px;
    left: 0;
}

/*覆盖头部文件*/
.p_header {
    width: 1188px;
    padding: 15px 0;
}

/*头部搜索条*/
.header-c {
    width: 100%;
    border-bottom: 1px #ccc solid;
    background: #fff;
}

.p_header .search-bar {
    width: 525px;
    height: 34px;
    line-height: 34px;
    border: 2px #d83536 solid;
    border-right: none;
    margin-top: 15px;
}

.p_header .search-bar input {
    border: none;
    width: 440px;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
}

.p_header .search-bar button {
    background: #d83536;
    width: 70px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

/*公用底部*/
.footer {
    border-top: 1px #ccc solid;
    width: 100%;
    background: #fff;
}

.footer .footer_re {
    border: none;
}

/*小图标*/
.pr-icon1,
.pr-icon2,
.pr-icon3,
.pr-icon4,
.pr-icon5,
.pr-icon6,
.pr-icon7,
.pr-icon8,
.pr-icon9,
.pr-icon10,
.close1-9,
.close1-9:hover,
.leftarrow,
.rightarrow {
    width: 12px;
    height: 12px;
    background: url(//style.org.hc360.cn/images/my/images/defray/manifest/pr-icon.png) no-repeat;
    display: inline-block;
    margin-bottom: -2px;
}

.pr-icon1 {
    background-position: 0 -12px;
}

.pr-icon2 {
    width: 10px;
    height: 17px;
    background-position: 0 -27px;
    margin-top: 3px;
    margin-right: 20px;
    margin-bottom: 0;
}

.pr-icon3 {
    background-position: 0 0;
}

.pr-icon4 {
    background-position: 0 -50px;
}

.pr-icon5,
.pr-icon6 {
    width: auto;
    height: 16px;
    font-size: 16px;
    text-indent: 24px;
    line-height: 16px;
}

.pr-icon5 {
    background-position: 0 -73px;
}

.pr-icon6 {
    background-position: 0 -93px;
}

.pr-icon7 {
    width: 14px;
    height: 14px;
    background-position: 0 -116px;
}

.pr-icon8 {
    width: auto;
    height: 18px;
    line-height: 18px;
    text-indent: 22px;
    background-position: 0 -138px;
    text-decoration: underline;
}

.pr-icon9 {
    width: 14px;
    height: 14px;
    background-position: 0 -161px;
}

.pr-icon10 {
    width: auto;
    height: 27px;
    line-height: 27px;
    text-indent: 35px;
    background-position: 0 -180px;
    font-size: 14px;
}

.close1-9,
.close1-9:hover {
    background-position: 0 -215px;
    width: 20px;
    height: 20px;
    margin-bottom: 0;
}

.close1-9:hover {
    background-position: 0 -238px;
}

/*按钮*/
.btn1,
.btn1-2 {
    height: 36px;
    line-height: 36px;
    font-family: "微软雅黑";
    font-size: 20px;
    color: #fff;
    background: #f13e41;
    border-radius: 4px;
    padding: 0 15px;
    display: inline-block;
}

.btn1-2 {
    background: #ccc;
    color: #fff;
}

a.btn2 {
    height: 22px;
    line-height: 22px;
    font-family: "微软雅黑";
    color: #fff;
    background: #f13e41;
    border-radius: 3px;
    padding: 0 5px;
}

a.btn3 {
    height: 24px;
    line-height: 24px;
    font-family: "微软雅黑";
    color: #f54c4c;
    background: #fff;
    border: 1px #d5d5d5 solid;
    border-radius: 4px;
    padding: 0 10px;
}

.btn4-1,
.btn4-2 {
    margin-top: 0 !important;
    height: 32px;
    float: left;
    display: block;
    width: 105px;
    line-height: 32px;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #fff;
    background: #f13e41;
    border-radius: 4px;
    padding: 0 11px;
    display: inline-block;
}

.btn4-2 {
    background: #bdbdbd;
}

/*主题内容*/
.wrap {
    width: 1190px;
    margin: 0 auto;
}

.container {
    width: 100%;
}

.p-title {
    width: 100%;
    height: 20px;
    line-height: 20px;
}

.p-title a.btn2 {
    color: #fff !important;
}

.p-title h2 {
    font-family: "微软雅黑";
    font-size: 18px;
    border-left: 3px #f13e41 solid;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
}

/*表格*/
/*加减号*/
.p-form .num-bg {
    width: 108px;
    height: 24px;
    line-height: 24px;
    border: 1px #d5d5d5 solid;
    margin: 0 auto;
    position: relative;
}

.p-form .num-bg a,
.p-form .num-bg span {
    width: 24px;
    height: 24px;
    text-align: center;
    background: #ececec;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    font-family: "黑体";
}

.p-form .num-bg input {
    width: 58px;
    line-height: 24px !important;
    _line-height: 16px;
    height: 24px;
    _padding-top: 4px;
    _height: 20px;
    border: none;
    text-align: center;
    border-left: 1px #d5d5d5 solid;
    border-right: 1px #d5d5d5 solid;
}

.p-form .num-bg a:hover {
    text-decoration: none;
    background: #ffdbc5;
    color: #333;
}

.p-form .num-bg .cw-hint {
    position: absolute;
    top: 27px;
    left: 0;
    width: 280px;
    text-align: left;
}

.p-form {
    width: 100%;
}

.p-form .tb-form {
    width: 100%;
}

.p-form .pd-l10 {
    padding-left: 10px;
}

.p-form .pd-t20 {
    padding-top: 20px;
}

.p-form table {
    width: 100%;
}

.p-form th,
.p-form td {
    padding: 10px;
}

.p-form th {
    background: #f1f6fb;
    text-align: center;
    border-top: 2px #94b3db solid;
}

.p-form p {
    line-height: 20px;
}

.p-form a {
    color: #333;
}

.p-form a:hover {
    color: #326fc0;
}

.p-form .h-60 {
    height: 60px;
}

.p-form .bg-f {
    background: #fff;
    border: 1px #d5d5d5 solid;
}

.p-form .bg-blue {
    width: 1188px;
    background: #ededed;
    border: 1px #d5d5d5 solid;
    height: 56px;
    line-height: 56px;
}

.p-form .bg-blue .mg-t-1 {
    _padding-top: 10px;
}

.p-form .bg-blue .mg-r20 {
    _line-height: 38px;
    _margin-top: -5px;
    float: right;
    padding-right: 10px;
    display: block;
}

.p-form .v-a-t {
    vertical-align: top;
}

.priceItem {
    text-align: center;
}

.p-form .pd-0 {
    padding: 0;
}

.p-form td table td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-top: 1px #d5d5d5 dashed;
}

.p-form td table .pd-l20 {
    padding-left: 20px;
}

.p-form td table .pd-t15 {
    padding-top: 15px;
}

.p-form td table tr:hover {
    background: #f1f6fb;
}

.p-form td table .bg-qx:hover {
    background: #fff;
}

.p-form td table .bd-b-n {
    border-bottom: none;
}

.p-form td table .pd-tb {
    padding--top: 10px;
    padding-bottom: 10px;
}

.p-form td table .bd-bs {
    border-bottom: 1px #d5d5d5 solid;
}

.p-form td table .hui2 {
    color: #999;
}

.p-form td table .bg-hui {
    background: #f3f3f3;
    color: #bbb;
}

.p-form td table .bg-hui:hover {
    background: #f3f3f3;
    color: #bbb;
}

.p-form td table .bg-hui .lose {
    width: 32px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #e8e8e8;
    border: 1px #a7a7a7;
    border: 1px #ddd solid;
    position: absolute;
    left: -18px;
    top: 30px;
}

.p-form td table .bg-hui a,
.p-form td table .bg-hui p,
.p-form td table .bg-hui span {
    color: #bbb;
}

.p-form td table .bg-hui .red1 {
    color: #ee9a9a;
}

.p-form td table .bg-hui a.close {
    color: #333;
}

.p-form td table .bg-hui a.close:hover {
    color: #326fc0;
}

.p-form .tolnum {
    font-size: 22px;
    font-family: "Arial";
    color: #f54c4c;
}

.p-form .hui1 {
    color: #666;
}

.p-form .through {
    text-decoration: line-through;
}

.p-form .pd1 {
    width: 80px;
}

.p-form .pd2 {
    width: 42%;
}

.p-form .pd3 {
    width: 30%;
}

.tab-title {
    width: 100%;
    margin-bottom: -1px;
}

.tab-title span {
    padding: 0 20px;
    height: 28px;
    line-height: 28px;
    font-family: "微软雅黑";
    font-size: 16px;
    border: 1px #d5d5d5 solid;
    border-bottom: none;
    background: #fff;
    margin-bottom: -1px;
}

.pic-show-box {
    width: 100%;
    background: #fff;
    border-top: 1px #d5d5d5 solid;
    border-right: none;
}

.pic-show .pic-roll {
    width: 1188px;
    height: 308px;
    border: 1px #d5d5d5 solid;
    position: relative;
    overflow: hidden;
}

.pic-show h2 {
    font-family: "微软雅黑";
    font-size: 18px;
}

.pic-show ul {
    width: 1188px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.pic-show li {
    width: 1188px;
    overflow: hidden;
    line-height: 20px;
}

.pic-show li .pic-content {
    width: 200px;
    padding: 18px;
    padding-bottom: 14px;
    border-right: 1px #d5d5d5 solid;
    background: #fff;
}

.pic-show li .bd-r-n {
    border-right: none;
}

.pic-show li .pic-content:hover {
    background: #fbfbfb;
}

.pic-show a {
    color: #333;
}

.pic-show a:hover {
    color: #ff7700;
}

.pic-show .h45 {
    height: 45px;
}

.arrow-box {
    width: 57px;
    height: 18px;
    border: 1px #d5d5d5 solid;
}

.arrow-box .bd-r {
    border-right: 1px #d5d5d5 solid;
}

.leftarrow,
.rightarrow {
    width: 28px;
    height: 18px;
    background-position: 0 -261px;
    margin-botton: 0;
}

.rightarrow {
    background-position: 0 -279px;
}

/*定位141215*/
.fixed1-1 {}

.fixed1-2 {
    position: fixed;
    bottom: 0px;
    z-index: 999;
}

#poplayer {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    display: none;
}

/*遮罩*/
#covered {
    position: fixed;
    _position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    display: none;
}

.no-list-icon {
    width: 98px;
    height: 95px;
    background: url(//style.org.hc360.cn/images/my/images/defray/manifest/no-list.png) no-repeat;
    display: inline-block;
}

.no-list-box {
    font-family: "微软雅黑";
    padding-left: 420px;
    padding-top: 50px;
    padding-bottom: 60px;
}

.no-list-box h2 {
    font-size: 18px;
    font-family: "微软雅黑";
}

.no-list-box .hui3 {
    font-size: 14px;
    _white-space: nowrap;
    color: #888;
}

.no-list-box .hui3 a {
    color: #ff8339;
}

.no-list-box .mg-l38 {
    margin-left: 38px;
}

@media screen and (max-width:1190px) {
    .p-title {
        width: 95%;
    }

    .tab-title {
        width: 95%;
    }

    .p-form .bg-blue {
        width: 95%;
    }
}

@media screen and (max-width:1024px) {
    .p-title {
        width: 80%;
    }

    .tab-title {
        width: 80%;
    }

    .p-form .bg-blue {
        width: 80%;
    }
}

@media screen and (max-width:800px) {
    .p-title {
        width: 788px;
    }

    .tab-title {
        width: 788px;
    }

    .p-form .bg-blue {
        width: 788px;
    }
}

@media screen and (max-width:480px) {
    .p-title {
        width: 488px;
    }

    .tab-title {
        width: 488px;
    }

    .p-form .bg-blue {
        width: 448px;
    }
}

.submitOrderDiv .btn4-2 {
    line-height: 24px !important;
    _padding-bottom: 20px !important;
}

.submitOrderDiv {
    padding-top: 20px;
    height: 36px !important;
    line-height: 20px !important;
}

.submitOrderDiv .mg-l15 {
    margin-top: -2px !important;
}

.mg-t-1 .mg-r20 {
    margin-top: 13px;
    line-height: 30px !important;
}

.m-yuan {
    float: left;
    display: block;
}

.mg-r20 .btn1 {
    margin-top: -8px !important;
    _margin-top: 0 !important;
    _line-height: 30px !important;
    _height: 30px !important;
    _padding-bottom: 8px !important;
}

.allowed {
    color: #999 !important;
    cursor: not-allowed !important;
}

.allowed:hover {
    color: #999 !important;
    background: #ececec !important;
    cursor: not-allowed !important;
}

.btn4-1:hover {
    background: #ff4043;
}

table,
td,
tr,
th {
    margin-top: -1px;
}

.p-form.mg-t15 tr tr:first-child td {
    border-top: none;
}